function ProductView() {
	var data = "{}";
	
	this.loadProductData = function(contennerId,productId) {
		if(productId == 0){
			data= {
    			'name' : 'Đầm ren tay con duyên dáng MS 122',															
				'description' : '- Đầm được may bằng chất liệu phi bóng nhập khẩu, mềm mại, thoáng '  +
								'mát, mịn màng. <br> - Kiểu dáng thanh lịch, kết hợp kiểu cánh '        +
								'dơi với đầm tôn vẻ sang trọng của bạn gái. <br> - Màu sắc: '          +
								'nhi�?u màu. <br> - Đầm free size, thích hợp cho các bạn gái từ '      +
								'55kg trở xuống. <br> - Đầm phi sẽ giúp bạn dịu dàng khi dạo  '        +
								'phố, thanh lịch khi đi làm, sang trọng khi đi dự tiệc. <br> -   '     +
								'Có thể mua để làm quà tặng ý nghĩa dành cho các bạn gái	',			    		
				'price':'49000',																		
				'imageURLs':'http://www.vatgia.com/pictures_fullsize/lku1300533839.jpg,'+										
				          'http://www.vatgia.com/pictures_fullsize/dyq1301283412.jpg,'+										
				          'http://www.vatgia.com/pictures_fullsize/xjq1301931051.jpg,'+										
				          'http://www.vatgia.com/pictures_fullsize/iaw1304662568.jpg,'+										
				          'http://www.vatgia.com/pictures_fullsize/fqu1304663118.jpg'									
			};
			//data = eval('(' + xmlhttp.responseText + ')');
			display(contennerId);
			$('#images_selected').addimagezoom({magnifiersize : [ 300, 300 ]});					
			//ProductView.addEditableParam();//add class 'editable' & attr 'editAction'
			//ClientAction.overEditableComponentListener();
		}else{
			var xmlhttp;
			if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera,
				// Safari
				xmlhttp = new XMLHttpRequest();
			} else {// code for IE6, IE5
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			xmlhttp.open("GET", "/rest/resources/product/"+productId);
			xmlhttp.send();
			
			xmlhttp.onreadystatechange = function() {
				if (xmlhttp.readyState == 4) {
					if(xmlhttp.status == 200){
						data = eval('(' + xmlhttp.responseText + ')');
						display(contennerId);
						$('#images_selected').addimagezoom({magnifiersize : [ 300, 300 ]});					
						//ProductView.addEditableParam();//add class 'editable' & attr 'editAction'
						//ClientAction.overEditableComponentListener();
					}else{
						window.location.href='/';
					}
					
				}
			};			
		}
	};

	
	var display = function(contennerId) {
		var contenner = document.getElementById(contennerId);
		contenner.appendChild(slide());
		contenner.appendChild(detail());
	};
	var slide = function() {
		var article = document.createElement('article');
		article.setAttribute('class', 'images_slide');
		article.appendChild(slideBody());
		article.appendChild(slideFooter());
		return article;
	};
	var slideBody = function() {
		var isc = document.createElement('div');
		isc.setAttribute('class', 'images_selected_contenner');

		var is = document.createElement('img');
		is.setAttribute('class', 'images_selected');
		is.setAttribute('id', 'images_selected');
		is.setAttribute('src', data.imageURLs.split(',')[0]);
		isc.appendChild(is);
		return isc;
	};

	var slideFooter = function() {
		var footer = document.createElement('footer');
		var div = document.createElement('div');
		div.setAttribute('class', 'image_pagination');
		div.setAttribute('id', 'image_pagination');
		var img;
		var le = data.imageURLs.split(',').length;
		for ( var i = 0; i < le; i++) {
			img = document.createElement('img');
			img.setAttribute('src', data.imageURLs.split(',')[i]);
			img.setAttribute('onclick', 'slideFocus(this)');
			div.appendChild(img);
		}
		footer.appendChild(div);
		return footer;
	};

	var detail = function() {
		var article = document.createElement('article');
		article.setAttribute('class', 'detail');
		article.appendChild(detailHeader());
		article.appendChild(detailBody());
		article.appendChild(detailFooter());
		return article;
	};

	var detailHeader = function() {
		var header = document.createElement('header');
//		var title = document.createElement('span');
//		title.appendChild(document.createTextNode(data.name));
//		header.appendChild(title);
		header.setAttribute('id', 'product_name');
		header.appendChild(document.createTextNode(data.name));
		return header;
	};

	var detailBody = function() {
		var description = document.createElement('div');
		description.setAttribute('id', 'product_description');
		description.setAttribute('class', 'description');
		description.innerHTML = data.description;
		return description;
	};

	var detailFooter = function() {
		var footer = document.createElement('footer');
		var titlePrice = document.createElement('div');
		var price = document.createElement('div');

		titlePrice.setAttribute('class', 'price_title');
		titlePrice.appendChild(document.createTextNode('Giá bán: '));

		price.appendChild(document.createTextNode(data.price));
		price.setAttribute('class', 'price');
		price.setAttribute('id', 'product_price');
		price.setAttribute('onkeydown', 'Support.validateNumber(event);');
		footer.appendChild(titlePrice);
		footer.appendChild(price);
		return footer;
	};
}




ProductView.addEditableParam = function(){
	var price = $('.product_view .detail footer .price');
	price.addClass('editable');
	price.attr('editAction','editProduct');
	price.attr('name','product_price');
	
	var description = $('.product_view .detail .description');
	description.addClass('editable');
	description.attr('editAction','editProduct');
	description.attr('name','product_description');
	
	var name = $('.product_view .detail header');
	name.addClass('editable');
	name.attr('editAction','editProduct');
	name.attr('name','product_name');
	
	var img = $('.product_view .images_slide footer .image_pagination img');
	img.addClass('editable');
	img.attr('editAction','editProduct');
	img.attr('name','image_urls');
}